import React, { Component } from 'react';
import HomeStyled from './homestyled';

export default class home extends Component {
    render() {
        return (
            <div>
                <HomeStyled>
                    <div className="homebox">
                        {/* 头部 */}
                        <header>
                            <img src="home/header-productsystem.png" alt="header-product/>"/>
                        </header>
                        {/* 内容 */}
                        <section>
                            {/* 发展目标栏 */}
                            <div className="goal">
                                <div className="goalTitle">
                                    <span></span>
                                    <h5>发展目标</h5>
                                </div>
                                <div className="goalContent">
                                    <img src="home/index-target.jpg" alt=""/>
                                    <div className="goalbox">
                                        <div className="goalsmallbox">
                                            <div>
                                                <h3><span>+</span>10%</h3>
                                                <p>通过</p>
                                                <p>静态交通解决方案</p>
                                            </div>
                                        </div>
                                        <img src="home/连接符.png" alt=""/>
                                        <div className="goalsmallbox">
                                            <div>
                                                <h3><span>+</span>10%</h3>
                                                <p>通过</p>
                                                <p>动态交通解决方案</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {/* 三大目标 */}
                            <div className="threeValue">
                                <div className="valueTitle">
                                    <span></span>
                                    <h5>三大目标</h5>
                                </div>
                                <div className="valueContent">
                                    <div className="valuebox">
                                        <div className="valueText">
                                            <h5>政用</h5>
                                            <b>为政府监管部门建立停车数据平台</b>
                                            <p>运用城市级停车云管理平台实现全场景停车管理需求，监管，采集、统计、分析智能停车场业务数据大数据建模分析助力城市停车场的规划。</p>
                                        </div>
                                        <img src="home/worth-zy.png" alt=""/>
                                    </div>
                                    <div className="valuebox">
                                        <img src="home/worth-sy.png" alt=""/>
                                        <div className="valueText">
                                            <h5>商用</h5>
                                            <b>为停车场管理者提高收益</b>
                                            <p>停车场管理系统实时监控停车场运营状态、停车位状态数据、停车位使用数据、查询停车场缴费收入，通过智能化手段提高停车位周转率，降低人力成本支出，增加停车场收益。</p>
                                        </div>
                                    </div>
                                    <div className="valuebox">
                                        <div className="valueText">
                                            <h5>民用</h5>
                                            <b>为车主提供便捷停车体验</b>
                                            <p>车主通过美天停车APP完成智能化停车服务：车位预约、反向寻车、无感支付，大大节省寻找空闲车位以及排队缴款离场的时间，获得更佳的便捷停车体验。</p>
                                        </div>
                                        <img src="home/worth-my.png" alt=""/>
                                    </div>
                                </div>
                            </div>
                        </section>
                         {/* 合伙人计划 */}
                         <div className="groupbox">
                                <a href="/#/citygroup"><img src="home/index-partner-link.jpg" alt=""/> </a>
                        </div>
                        
                    </div>
                </HomeStyled>
            </div>
        )
    }
}
